<br/>
<?php
if (!empty($details)) {
?>
     <section id="top_details" class="wrapper clearfix">
    	<div class="left_details">
            <?php
				$image = explode(',', $details->avartar);
			?>
    		<img width="135" height="180" src="<?php echo get_thumnails($image[0], 139, 207);?>" class="big_images" alt="<?php echo $details->name;?>" />
    	</div>
    	<!-- /.left_details -->
    	<div class="center-details">
    		<h2 class="title_deyails"><?php	echo $details->name;?></h2>
    		<p class="sub_details"><?php echo $details->profile_tit;?></p>
            <p><?php echo $this->common_model->getnumber2('rating_star', array('tutorid' => $details->id));?> Đánh giá</p>
    		<ul class="center2">
    			<li class="rating_details"><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i></li>
    			<li class="background"><a href="javascript://" title=""><i class="icon-check"></i> Đã vượt qua bài test</a></li>
    			<!-- /.background -->
    			<li class="center3">
					<i class="icon-email"></i>
					<a href="javascript://">
						Gia sư sẽ trả lời email trong: 
						<i style="color: red;"> 
						<?php
							if (!empty($details->repmail)) {
								echo $details->repmail . 'h';
							} else {
								echo 'Chưa cập nhật';
							}
						?>
						</i>
					</a>
				</li>
                <li class="sosical">
                    <div class="fb-like" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div>
    			    <g:plusone></g:plusone>
                </li>
                <li class="center3">
                    <div class="thumnails">
						<?php
							if (!empty($image)) {
								foreach ($image as $thumb) {
									echo '<img class="img_thumb" src="' . get_thumnails($thumb, 139, 207) . '" width="35" height="35" alt="' . $details->name . '" />';
								}
							}
						?>
                    </div>
                </li>
    		</ul>
    	</div>
    	<!-- /.center-details -->
    	<div class="right_details">
            <?php
			if (!empty($city)) {
			?>
    		<a href="<?php echo base_url() . 'dia-diem/' . $city->id;?>" class="localtion_details">
            <?php
				if (!empty($city->title)) {
					echo $city->title;
				}
			?>,<?php
				if (!empty($huyen->title)) {
					echo $huyen->title;
				}
			?>
			</a>
			<?php
			}
			?>
    		<p>Học phí : <span style="color: red;font-weight:bold;">
			<?php
			if ($details->mucluong != 0) {
				echo number_format($details->mucluong) . '</span> VNĐ';
			} else {
				echo 'Chưa cập nhật';
			}
			?>
			</p>
    		<p><?php //echo $details->details_luong; 
?>
			</p>
            <p>Bạn có thể học thử cho đến khi tìm được gia sư như ý</p>
            <a href="javascript://" data-action='email' class="click_details btn_details">Học gia sư này</a>
    	</div>
    	<!-- /.right_details -->
    </section>
    <!-- /#top_details -->
    <div class="des_tabs wrapper clearfix">
    <ul class="tabs_navi">
    	<li><a href="javascript://" data-action='info' class="click_details">Thông tin chung</a></li>
    	<li><a href="javascript://" class="click_details" data-action='feedback'>Phản hồi từ học sinh</a></li>
    	<li><a href="javascript://" class="click_details" data-action='lession'>Thông tin về môn dạy</a></li>
    	<li><a href="javascript://" class="click_details active_tabs" data-action='email'>Email</a></li>
    </ul>
        <!-- /.tabs_navi -->
    <div class="clearfix">&nbsp;</div>
    <section class="main_tabs">
<?php
	$mon     = $this->common_model->getdata('subjects', array(
		'publish' => 1,
		'parentid !=' => 0
	), array(
		'id',
		'title'
	));
	$userid  = $this->session->userdata('id');
	$alias   = preg_replace("/(.html)/", '', $this->security->xss_clean($this->uri->segment(2, 0)));
	$idusser = substr($alias, 17);
?>
<div class="left_mail">
	<?php
	$this->load->view('com_tutors/views_form_email.php');
?>
</div>
<!-- /.left_mail -->
<div class="right_mail">
    <ul class="row200">
        <li>
            <h4 class="title_about"><i class="icon-check"></i>&nbsp;&nbsp;&nbsp;An toàn và bảo mật</h4>
            <p class="intro_right_about">10+ tôn trọng quyền riêng tư của bạn vì thế chúng tôi không bao giờ tiết lộ địa chỉ email và các thông tin cá nhân của bạn cho bên thứ ba</p>
        </li>
        <li>
            <h4 class="title_about"><i class="icon-check"></i>&nbsp;&nbsp;&nbsp;Phản hồi nhanh chóng</h4>
            <p class="intro_right_about">Bạn sẽ nhận được email của các gia sư chỉ trong vòng một đến vài giờ. Do việc trao đổi hoàn toàn miễn phí, bạn có thể tìm hiểu kỹ trước khi quyết định chọn 1 gia sư</p>
        </li>
        <li>
            <h4 class="title_about"><i class="icon-check"></i>&nbsp;&nbsp;&nbsp;Đảm bảo và phù hợp</h4>
            <p class="intro_right_about">Chất lượng gia sư được bảo vệ bởi chính sách <a href="#" title="Chính sách của 10+">đảm bảo phù hợp</a> của 10+. Bạn sẽ không phải mất bất kỳ một khoản học phí nào cho đến khi tìm được gia sư phù hợp nhất</p>
        </li>
    </ul>
    <style>
        .row200 li
            {
                list-style:none;
            }
    </style>
    <?php
	if (!empty($hotro)) {
?>
    <h3 style="color:#FF950E;padding:10px 0px;font-size:15px"><i class="icon-hand-right icon-2x"></i> Bạn có thể liên hệ trực tiếp với chúng tôi</h3>
    <div class="Support_Block">
            <?php
		foreach ($hotro as $ht) {
			echo '
                            <p style="min-height:30px;font-size:14px;font-weight:bold">
                                ' . $ht->vitri . '<br /> ' . $ht->name . ': ' . $ht->mobile . '
                            </p>
                            <p  style="min-height:18px;font-size:13px;font-style:italic">
                                    ' . $ht->email . '
                            </p>
                            <p style="min-height:50px;">
                                <a style="color:#fff" class="row rtyoire" href="ymsgr:sendim?' . $ht->yahoo . '">
                                    <img style="padding-bottom:9px" alt="" class="imgyahoo" src="http://opi.yahoo.com/online?u=' . $ht->yahoo . '&amp;m=g&amp;t=2"/>
                                </a>
                                &nbsp;&nbsp;
                                <a class="row2 rtyoire" href="skype:', $ht->skype, '?call">
                                    <img style="padding-top:5px" src="http://mystatus.skype.com/', $ht->skype, '" style="border: none;"  height="42" alt="Skype Me™!" />
                                </a>
                            </p>
                        ';
		}
?>        
            </div>
    <?php
	}
?>
</div>
<script>
$(document).ready(function() {
var availableTags = [<?php
	if (!empty($mon)) {
		$i = 0;
		$n = count($mon);
		foreach ($mon as $mon) {
			if ($i == $n) {
				echo '"' . $mon->title . '"';
			} else {
				echo '"' . $mon->title . '",';
			}
			$i++;
		}
	}
?>
  
];
$( ".subjects" ).autocomplete({
  source: availableTags,disabled: false,autoFocus:true,widget:true,delay:0
});
});
</script>
</section>
<?php
	$alias   = preg_replace("/(.html)/", '', $this->security->xss_clean($this->uri->segment(1, 0)));
	$idusser = substr($alias, 17);
?>
<script>
	$(document).ready(function() {
		$('.click_details').click(function() {
			/* Act on the event */
			$('.tabs_navi li a').removeClass('active_tabs');
			$(this).addClass('active_tabs');
			var action = $(this).attr('data-action');
			var url = window.location.href;
			$('.main_tabs'). prepend('<div><i class="icon-spinner icon-spin icon-large"></i> Đang tải dữ liệu vui lòng đợi...</div>')
			 $.ajax({
					  type: "POST",
					  url: '<?php
	echo base_url();
?>ajax/thong-tin-gia-su<?php
	echo '.', $idusser;
?>',
					  data: {
						action : action,
						url : url
						},
					  success: success
					});
		});
		function success(data,status){
			$('.main_tabs').html(data);
		   };
	});
</script>
<?php
}
?>